Top 13 Gorgeous Image Animation jQuery Projects
Smart Image Tooltip is easy to use and setup plugin that can show images as tooltips for thumbnails or normal links. It requires JavaScript and jQuery support to work.Basic: shows just an image with no extra styling
Simple: image with simple and clean dark border
Caption: image and caption underneath
Envato: image with extra information similar to Envato product tooltips
Preload image before displaying tooltip
Customizable preload animation and reposition tooltip
Full source files for both CSS and jQuery
Added: option – wait for image to load
Dasky is a jQuery timeline slider,you can use it to show you products’s chagelog/loadmark, or loadmark of you team/life.ImageZoom – Responsive jQuery Image Zoom Plugin
HoverEx – jQuery image hover animation plugin
Picanim – jQuery image hover effect pulgin
Zoome – jQuery Image Zoom Effect Plugin
Show Image in Placeholder/Target Box – jQuery
Show in Place Holder plug-in is developed to show an image to place holder / target box. Plug-in can be used to showcase image portfolios, product images, software screenshots or any dam thing that you want to display to place holder / target box by clicking / hovering image thumbs or anchor links.Plug-in provides facility to apply more than 20 animation effects to show image to place holder / target box. You can also add description text of an image.Show in place holder plug-in can be defined on image thumb, anchor link or any HTML tag
20 different animation styles
Note: To make a faster load you should resize image dimensions as per place holder / target box
BloxHover is a jQuery image lightbox plugin that animates overlay on images in 10 different effects. There are two types of effects – ones that ‘show’ the overlay with content on hover and the ones which ‘reveal’ the image, by fading out the overlay on hover.
Showroom Slider is a powerful jQuery plugin that allows you to create sliders containing plane and box elements with tons of animation options to choose from.Animation Options
- Fixed "undefined" substring found in plane dynamic animation keyframe name.- Fixed occasional animation flicker on Firefox when slide moves out.
News Widget is a yahoo style news slider jQuery plugin that turns any list or news into a news slider.Full Control over animation duration, delay and ease
Image Support
fancy jquery animation with fadeout and jQuery image slide
- added animation to display the Facebook icon
- you can use your custom url to replace the Facebook logo for your own image
- replaced jQuery 1.
bgStretcher (Background Stretcher) is a event hover jQuery plugin for stretching one or more images proportionally across an entire page or element. The plugin allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area.Lightweight jQuery Plugin
Resize Animation Available
Spectrum is a superb JavaScript gallery plugin, which will work with jQuery, as an AMD Module or a browser global. It has support for image cropping, true to proportion image sizes and perfect image alignment. Is there an image animation style that is missing? No problem. You could extend the image method library by adding your own methods, which could, lets say, rotate an image as it slides into position. Want more easing curves? You can extend that image animation jQuery too!
All the little things like gallery and image creation is handled by the plugin, you only have to specify the url for each image. Be it using new curves, image specific animation, or entire compositions that orchestrate the moment of the gallery. It comes as an jQuery plugin, AMD module or a browser global. Spectrum has cool gallery cover option, which allows you to use a single image, as the cover of the gallery.Image Binding
jQuery tpTooltip plugin is a plugin that allows you create tooltips on any element that you want in your web page/application.image: null, // image path
tooltipOffset : 10, // tooltip show animation offset
<script src="lib/jquery.<link rel="stylesheet" href="styles/jquery.
Image Gallery with Vertical Thumbnail Navigator
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. If responsive feature is enabled, when window of browser resize, the slider size will respond to window width at real time with no delay, no stop of animation. Touch, drag or click bullets/arrows/thumbnails anytime, no need to wait for end of animation, slider will act instantly. No-Jquery minimum 15KB javascript code by smart compression.The most smooth animation engine optimized by performance balance
Set caption animation to chain mode
Set caption animation to flatten mode
Rollback caption animation when touch end/mouse up
HTML caption with animation (390+ caption transitions)
Caption animation speed adjustable by change ’$Duration’ value of caption transition
TileBox – Modern Responsive LightBox CSS is a small CSS plugin that is used to create a modern lightbox with CSS3 animation slideshow Effects for modern browsers.CSS3 Animation Effects.Switch between two image sizes.Rainbow Background Full Screen jQuery Plugin
Metro Tab jQuery
jQuery 1.7 – jQuery 2.Image preloading
Animation of each Caption element
Powerful CSS Transitions with placeholder jQuery fallback
animation: string,